前言

我是CH，從開始轉職前端到現在，也差不多要滿一年多了，在課程與自學的過程中，只有嘗試過一次具前端與後台資料庫的完整網站，故我打算趁這次鐵人賽，除了練習有條理地紀錄自己開發專案遇到的問題，也想藉這三十天養成每天定期寫文章的習慣。

Side project製作背景

這次的side project是因緣際會之下，認識到留日的工程師，我們決定開始開發一個類論壇的SNS網站。也是最近馬斯克在買下推特後，做了各種與推特本身背道而馳的決策，導致使用者銳減，尋求他處。使得各類新型態的SNS開始發跡，除了最近FACEBOOK旗下的THREADS，開源專案的Mastondon，與最依賴推特的日本也開發以國內客群為主的網站，像「タイッツー」與「くるっぷ」等。可謂社群軟體的群雄割據時代。

像タイッツー的開發者就明言，馬斯克曾發表過的「對推特有不滿的話，就自己做一個」是自己的開發動機。

source：https://nlab.itmedia.co.jp/nl/articles/2307/20/news060.html

適合觀看者

這個專案紀錄過程適合已經有HTML、CSS、JS基礎，且對side project製作過程有興趣的人觀看。

開發工具與主要功能

我們打算使用firebase（存放使用者資料）以及Vue（框架）兩者作為主要開發的工具。


由於是個介於論壇與SNS的網站，必備功能為：

• 會員系統(註冊登入登出系統、個人資料設定）
• 動態牆（留言板、支援影片＆圖片＆文字＆link格式）
• 私訊聊天系統（群組或一對一私訊）

希望在這三十天後，盡量做到主要功能都是大致完成的狀態，與流暢美觀的UI/UX設計。

鐵人賽架構

我會將鐵人賽大致分成以下結構去撰寫：

1. 介紹如何建立firebase專案與寫入讀出資料
2. Vue的基本模組與元素的概念
3. 網頁開發的過程

一步步紀錄自己的開發狀況，每天有系統性地統整期望目標與預期成果，遇到的問題與解決方式。到最後則是回顧問題點以及網頁整體進度，藉由這次的鐵人賽評估自己的程式與時間規劃能力。

結語

第一天的前言就到這裡。希望我能好好完成這三十天！途中的文章若有不盡善之處，也希望各位前輩能給我一點意見，謝謝看到這裡的你。